
*{ padding:0; margin:0;}
body{ font-family: sans-serif; font-size:14pt; text-align: center; vertical-align: middle;}
/* for test*/
div{
    border: 1px gray dashed;
}

header{
    margin:auto;
    width:1210px;
    height:50px;
    border: 1px red dotted;
}


#logo{
    width:200px;
    height:50px;
    float:left;
}
#cart{
    float: right;
    height: 50px;
    width: 500px;
    text-align: right;
}
#main{
    margin:auto;
    width:1214px; /*should change to 1210px*/
}
nav{
    float:left;
    width:200px;
    height: 500px;
    border: 1px blue dashed;
}
nav ul{
    list-style: none;
}
nav li{
    width:200px;
    height:30px;
}
nav>ul>li>ul{
    position: relative;
    display:none;
    left:200px;
    bottom:25px;
}
nav>ul>li:hover{
    background-color:#AAA;
}
nav>ul>li:hover ul{
    display:block;
    background-color: #999;
}
nav>ul>li>ul>li:hover{
    background-color: #DDD;
}



#center{
    float:right;
    width:1010px;
    height:600px;
    border: 1px green solid;
}
#search{
    margin: 20px auto;
    height:100px;
    width:800px;
}
#kw{
    width:600px;
    height:40px;
    font-size: 30px;
    
}
#btnSearch{
    width:100px;
    height:40px;
    font-size: 30px;
    
}
#most_buy{
    height: 300px;
}
.products{
    width: 200px;
    height: 200px;
    margin: 20px;
    float: left;
    
}
footer{
    width: 1210px;
    height: 100px;
}

#form{
    margin: 0;
    padding: 50px;
    border: 1px;
}